<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <title>Title</title>
</head>
<body>
<font color="purple" size="15">用户注册</font>
<br>
用户名：<input type="text" name="username" id="username">
<br>
<span id="sp"></span>
<br>
密码：<input type="password"name="password" id="pwd">
<br>
<input type="button" value="注册">
<script type="text/javascript">
    $(function () {
        //当鼠标单击button注册按钮的时候，触发操作
        $("[type = 'button']").click(function (){
            //  1.获取input输入的值

            var username = $("#username").val();

            //  2.进行验证，输入的值不为null
            if (username !=null&&username!="") {
                //    3.使用jquer的post的方式ajax操作
                $.post("${pageContext.request.contextPath}/registServlat",
                    {name:username},
                    function(result) {
                        //    4.获取服务器返回的回调数据进行处理展示
                        if (result == "1") {
                            //该用户可以直接注册
                            var htmlStr = "<font color='bule'>恭喜可以注册</font>";
                            $("#sp").html(htmlStr);
                        } else {
                            var htmlStr = "<font color='red'>不好意思，该用户应经存在。请您重新注册</font>";
                            $("#sp").html(htmlStr);
                        }
                    });

            }
        });
    });






</script>
</body>
</html>